.beijing{
    height: 40px;
    background-color: #000;
}
.beijing .banxin{
    width: 1200px;
    height: 100%;
    /* border: 1px solid red; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.beijing .banxin .nav{
    width: 700px;
    height: 100%;
    /* border: 1px solid blue; */
    display: flex;
    padding-left: 40px;
   /* text-align: center; */
    line-height: 40px;
    /* align-items: center; */
}
.beijing .banxin .nav i{
    display: inline-block;
    color: #fff;
    font-size: 14px;

}
.beijing .banxin .nav span{
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 8px;

}
.beijing .banxin .shopping{
    width: 200px;
    height: 100%;
    /* border: 1px solid blue; */
    display: flex;
    justify-content: space-between;
}
.beijing .banxin .shopping .denglu{
    width: 120px;
    height: 100%;
    /* border: 1px solid yellow; */
    text-align: center;
    line-height: 30px;
}
.beijing .banxin .shopping .denglu i{
    font-size: 14px;
    color: #fff;
}
.beijing .banxin .shopping .denglu span{
    color: #fff;
    font-size: 14px;

}
.beijing .banxin .shopping .gouwu{
    width: 100px;
    height: 100%;
    /* border: 1px solid yellow; */
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.beijing-1{
    height: 80px;
    /* border: 1px solid green; */
}
.beijing-1 .banxin{
    width: 1200px;
    height: 100%;
    /* border: 1px solid red; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.beijing-1 .banxin .logo{
    width: 60px;
    height: 60px;
    /* border: 1px solid blue; */
}
.beijing-1 .banxin .logo img{
    width: 100%;
    height: 100%;
}
.beijing-1 .banxin .daohang{
    width: 1000px;
    height: 100%;
    /* border: 1px solid blue; */
    display: flex;
    justify-content: space-between;
}
.beijing-1 .banxin .daohang .leibie{
    width: 600px;
    height: 100%;
    border: 1px solid yellow;
}
.beijing-1 .banxin .daohang .leibie ul{
    display: flex;
    text-align: center;
    line-height: 60px;
}
.beijing-1 .banxin .daohang .leibie ul li{
    margin: 0 12px;
}
.beijing-1 .banxin .daohang .input{
    width: 280px;
    height: 100%;
    /* border: 1px solid yellow; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.beijing-1 .banxin .daohang .input .box{
    width: 200px;
    height: 40px;
    /* border: 1px solid #f5f5f5; */
    
}
.beijing-1 .banxin .daohang .input .box-1{
    width: 40px;
    height: 40px;
    /* border: 1px solid #f5f5f5; */
    margin-left: -1px;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
.beijing-2{
    height: 700px;
    border: 1px solid green;
}
.beijing-2 .banxin{
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
}
.beijing-2 .banxin .sidebar{
    width: 300px;
    height: 100%;
    /* border: 1px solid blue; */
    background-color: #2e0c00;
}
.beijing-2 .banxin .sidebar ul{
    display: flex;
    flex-direction: column;
   
    line-height: 70px;
}
.beijing-2 .banxin .sidebar ul li{
    width: 300px;
    height: 70px;
    /* border: 1px solid yellow; */
    color: #fff;
    padding-left:  20px;
    position: relative;
}
.beijing-2 .banxin .sidebar ul li::after{
    content: ">";
    position: absolute;
    top: 0px;
    right: 20px;
    font-weight: 700;
    color: #fff;
}
.beijing-2 .banxin .rotation{
    width: 900px;
    height: 100%;
    /* border: 1px solid blue; */
}
.beijing-2 .banxin .rotation img{
    width: 100%;
    height: 100%;
}
.beijing-3{
    height: 200px;
    /* border: 1px solid green; */
    margin-top: 30px;
}
.beijing-3 .banxin{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
}
.beijing-3 .banxin .left{
    width: 300px;
    height: 100%;
    /* border: 1px solid blue; */
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 15px;
    background-color: #605750;
}
.beijing-3 .banxin .left .top{
    width: 260px;
    height: 80px;
    /* border: 1px solid yellow; */
}
.beijing-3 .banxin .left .top ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.beijing-3 .banxin .left .top ul li{
    width: 80px;
    height: 80px;
}
.beijing-3 .banxin .left .top ul li p{
    color: #fff;
    text-align: center;
    margin: 10px 0 20px 0;
    font-size: 14px;
}
.beijing-3 .banxin .left .top ul li span{
    color: #fff;
}

.beijing-3 .banxin .left .top ul .box-1{
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.beijing-3 .banxin .left .top ul .box-2{
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.beijing-3 .banxin .left .top ul .box-3{
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}
.beijing-3 .banxin .left .bottom{
    width: 260px;
    height: 80px;
    /* border: 1px solid yellow; */
}
.beijing-3 .banxin .left .bottom ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.beijing-3 .banxin .left .bottom ul li{
    width: 80px;
    height: 80px;
    text-align: center;
}
.beijing-3 .banxin .left .bottom ul li p{
    color: #fff;
    text-align: center;
    margin: 10px 0 20px 0;
    font-size: 14px;
}
.beijing-3 .banxin .left .bottom ul li span{
    color: #fff;
}

.beijing-3 .banxin .left .bottom ul .box-1{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    
}
.beijing-3 .banxin .left .bottom ul .box-2{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.beijing-3 .banxin .left .bottom ul .box-3{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.beijing-3 .banxin .right{
    width: 900px;
    height: 100%;
    /* border: 1px solid blue; */
}
.beijing-3 .banxin .right ul{
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.beijing-3 .banxin .right ul li{
    width: 280px;
    height: 100%;
    /* border: 1px solid yellow; */
}
.beijing-3 .banxin .right ul li img{
    width: 100%;
    height: 100%;
}
.beijing-4{
    height: 400px;
    /* border: 1px solid green; */
    margin-top: 30px;
}
.beijing-4 .banxin{
    width: 1200px;
    height: 100%;
    /* border: 1px solid red; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.beijing-4 .banxin .danpin{
    width: 100%;
    height: 80px;
    /* border: 1px solid yellow; */
    display: flex;
    justify-content: space-between;
    line-height: 80px;
}
.beijing-4 .banxin .danpin .left{
    width: 200px;
    height: 80px;
    font-size: 18px;
}
.beijing-4 .banxin .danpin .right{
    width: 100px;
    height: 80px;
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
}
.beijing-4 .banxin .danpin .right .zuo{
    border: 1px solid #e0e0e0;
    width: 40px;
    height: 20px;
    position: relative;
}
.beijing-4 .banxin .danpin .right .zuo::after{
    content: "<";
    position: absolute;
    top: -31px;
    left: 10px;
}
.beijing-4 .banxin .danpin .right .you{
    border: 1px solid #e0e0e0;
    width: 40px;
    height: 20px;
    position: relative;
}
.beijing-4 .banxin .danpin .right .you::after{
    content: ">";
    position: absolute;
    top: -31px;
    left: 14px;
}
.beijing-4 .banxin .hot_sale{
    width: 100%;
    height: 300px;
    border-top: 1px solid orange;
}
.beijing-4 .banxin .hot_sale ul{
    display: flex;
    justify-content: space-between;
}
.beijing-4 .banxin .hot_sale ul li{
    width: 220px;
    height: 300px;
    /* border: 1px solid skyblue; */
    background-color: #f5f5f5;
    text-align: center;
}
.beijing-4 .banxin .hot_sale ul li p{
    margin: 20px 0;
}
.beijing-4 .banxin .hot_sale ul li span{
    font-size: 14px;
    color: #d3d3d3;
}
.beijing-4 .banxin .hot_sale ul li img{
    width: 100%;
    height: 170px;
}
.beijing-5{
    height: 1000px;
   
    margin-top: 100px;
}
.beijing-5 .banxin{
    width: 1400px;
    height: 1000px;
    background-color: #f5f5f5;
    border: 1px solid green;
    margin: 0 auto;
    padding-top: 100px;
}
.beijing-5 .banxin .hexin{
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    border: 1px solid green;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.beijing-5 .banxin .hexin .zhineng{
    height: 100px;
    border: 1px solid red;
    line-height: 100px;
    font-size: 20px;
}
.beijing-5 .banxin .hexin .jinhua{
    height: 600px;
    border: 1px solid red ;
    display: flex;
    justify-content: space-between;
}
.beijing-5 .banxin .hexin .jinhua .left{
    width: 250px;
    height: 100%;
    border: 1px solid blue;
}
.beijing-5 .banxin .hexin .jinhua .left img{
    width: 100%;
    height: 100%;
}
.beijing-5 .banxin .hexin .jinhua .right{
    width: 900px;
    height: 100%;
    border: 1px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.beijing-5 .banxin .hexin .jinhua .right .top{
    width: 900px;
    height: 280px;
    border: 1px solid yellow;
    text-align: center;
}
.beijing-5 .banxin .hexin .jinhua .right .top ul{
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.beijing-5 .banxin .hexin .jinhua .right .top ul li{
    width: 200px;
    height: 100%;
    border: 1px solid skyblue;
}
.beijing-5 .banxin .hexin .jinhua .right .top ul li img{
    width: 100%;
    height: 170px;
}
.beijing-5 .banxin .hexin .jinhua .right .top ul li span{
    color: #e0e0ee;
    display: block;
    font-size: 14px;
    margin: 10px 0;
}
.beijing-5 .banxin .hexin .jinhua .right .top ul li i{
    color: #ff6700;
    display: block;
}
.beijing-5 .banxin .hexin .jinhua .right .bottom{
    width: 900px;
    height: 280px;
    border: 1px solid yellow;
}
.beijing-5 .banxin .hexin .jinhua .right .bottom ul{
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.beijing-5 .banxin .hexin .jinhua .right .bottom ul li{
    width: 200px;
    height: 100%;
    border: 1px solid skyblue;
}
.beijing-5 .banxin .hexin .jinhua .right .bottom ul li img{
    width: 100%;
    height: 170px;
}
.beijing-5 .banxin .hexin .jinhua .right .bottom ul li span{
    color: #e0e0ee;
    display: block;
    font-size: 14px;
    margin: 10px 0;
}
.beijing-5 .banxin .hexin .jinhua .right .bottom ul li i{
    color: #ff6700;
    display: block;
}
.beijing-6{
    height: 400px;
    margin-top: 20px;
}
.beijing-6 .banxin{
    width: 1200px;
    height: 400px;
    border: 1px solid green;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.beijing-6 .banxin .shouhou{
    width: 1200px;
    height: 100px;
    border: 1px solid red;
}
.beijing-6 .banxin .shouhou ul{
    display: flex;
}
.beijing-6 .banxin .shouhou ul:first-child{
    margin-left: 90px;
}
.beijing-6 .banxin .shouhou ul li{
    width: 200px;
    height: 60px;
    /* border: 1px solid yellow; */
    text-align: center;
    line-height: 60px;
    position: relative;
}

.beijing-6 .banxin .shouhou ul li:not(.last)::after{
    content: "|";
    position: absolute;
    top: 0px;
    right: 0px;
}
.beijing-6 .banxin .bangzhu{
    width: 1200px;
    height: 250px;
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
}
.beijing-6 .banxin .bangzhu .guanzhu{
    width: 700px;
    height: 100%;
    /* border: 1px solid blue; */
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.beijing-6 .banxin .bangzhu .guanzhu dl{
    width: 120px;
    height: 100%;
    /* border: 1px solid yellow; */
}
.beijing-6 .banxin .bangzhu .guanzhu dl dt{
    padding: 20px 0;
}
.beijing-6 .banxin .bangzhu .guanzhu dl dd{
    padding: 5px 0;
    color: #666;
    font-size: 14px;
}
.beijing-6 .banxin .bangzhu .dianhua{
    width: 300px;
    height: 100%;
    /* border: 1px solid blue; */
    text-align: center;
    margin-top: 60px;
}
.beijing-6 .banxin .bangzhu .dianhua p{
    color: #ff6700;
    font-size: 20px;
}
.beijing-6 .banxin .bangzhu .dianhua span{
    display: block;
    margin: 5px 0;
}
.beijing-6 .banxin .bangzhu .dianhua div{
    width: 125px;
    height: 35px;
    border: 1px solid #ff6700;
    margin: 0 auto;
    text-align: center;
    line-height: 35px;
}
footer {
    height: 80px;
    background-color: #fafafa;
}

.footer-container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    /* border: 1px solid red; */
    padding-top: 15px;
    overflow: hidden;
}

.footer-container>div {
    width: 40px;
    height: 40px;
    background-color: #ff6801;
    background-image: url(./学生用资源/image/mi-logo.png);
    background-size: 40px 40px;
    float: left;
}

.footer-container>ul {
    width: 700px;
    margin: 5px 0 0 5px;
    float: left;
    overflow: hidden;
}

.footer-container>ul>li {
    font-size: 12px;
    color: #999;
    float: left;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}

.footer-container>ul>li:not(.footer-last)::after {
    content: "|";
    display: inline-block;
    color: #333;
    font-size: 16px;
}